<template>
	<view class="feedBack">
		<textarea value="" :placeholder="$t('idSafe.feedbackOther.inp')" class="matter" maxlength="500" @input="descinp" v-model="desc" />
		<view class="num">{{num}}/500</view>
		<view><view class="tel">{{$t('idSafe.feedback.contact')}}</view>
		<input type="text" value="" :placeholder="$t('idSafe.forgetDealP.inpTel')" /></view>
		<button type="default" @click="submitQ">{{$t('idSafe.feedback.submit')}}</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				desc:'',
				num:0
			}
		},
		methods: {
			descinp(e){
				this.num=e.detail.value.length
				console.log(e.detail.value.length);
			},
			submitQ(){
				uni.showToast({
					title:'提交成功!!!',
					success() {
						setTimeout(function(){
							uni.switchTab({
								url:'../home/home'
							})
						},1000)
					}
				})
			}
		}
	}
</script>
<style>
	page{
		background-color: #F3F3F3;
	}
</style>
<style scoped>
.matter{
	width: 90%;
	margin: auto;
	height: 600rpx;
	background-color: #FFFFFF;
}
.num{
	float: right;
	padding-right: 40rpx;
	padding-top: 20rpx;
}
.tel{
	font-size: .8em;
	color: #666666;
	padding-left: 60rpx;
	margin: 60rpx 0 20rpx 0;
}
input{
	width: 80%;
	height: 100rpx;
	padding-left: 60rpx;
	background-color: #FFFFFF;
	margin: auto;
	}
	button{
		width: 90%;
		margin: auto;
		margin-top: 400rpx;
		background-color: #0070f8;
		color: #FFFFFF;
		}
</style>
